<template>
    <div>
     <footer v-if="showBg" class="footer">
        <img src="@/assets/whiteLogo.png"/>
        <span>江苏讯颖科技有限公司</span>
        <a href="https://beian.miit.gov.cn">
          <span >苏ICP备2022048734号-1</span>
        </a>
      </footer>

      <footer v-else class="footer">
        <img src="@/assets/whiteLogo.png"/>
        <div style="margin-left:20px;">
            <div>江苏讯颖科技有限公司</div>
            <div style="font-size:12px;margin-top:5px;">苏ICP备2022048734号-1</div>
        </div>
      </footer>
    </div>
</template>

<script>
export default {
     props: {
        showBg: {
            type: Boolean,
            default: true
        }
     }
}
</script>

<style scoped lang="scss">
  .footer {
    background: #000;
    width: 100%;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px;
    display: flex;
    align-items: center;

    span {
      padding-left: 40px;
    }
  }
</style>
